{% extends "base/base.html" %}
{% load staticfiles %}

{% block title %}登录{% endblock %}

{% block stylesheets %}
    {{ block.super }}
    <!-- Animate.css -->
    <link href="/static/vendors/animate.css/animate.min.css" rel="stylesheet">
{% endblock %}

{% block body_class %}login{% endblock %}

{% block body %}
    <div class="login_wrapper">
        <div class="animate form login_form">
            <section class="login_content">
                <form action="" method="post">
                    {% csrf_token %}
                    <h1>登 录</h1>
                    {% if passwordIsWrong %}
                        <span style="color: red">用户名或密码错误!</span>
                    {% endif %}
                    {{ form }}
                    <button class="btn btn-info btn-block" type="submit">Login</button>
                    <div class="clearfix"></div>
                    <div class="separator">
                        <div class="clearfix"></div>
                        <br/>
                        <div>
                            <h1><i class="fa fa-bar-chart fa-lg"></i> Silver Fox!</h1>
                            <h5>初始化用户密码(admin,admin123)</h5>
                            <span>后台程序采用<a target="_blank" href="http://v3.bootcss.com/">Bootstrap3</a>实现的<a
                                    target="_blank" href="https://github.com/puikinsh/gentelella">Gentelella Alela</a>创建.</span>
                        </div>
                    </div>
                </form>
            </section>
        </div>
    </div>
{% endblock %}